const progress1 = document.getElementById("progress1");
const progress2 = document.getElementById("progress2");
const progress3 = document.getElementById("progress3");
const progress4 = document.getElementById("progress4");
const progress5 = document.getElementById("progress5");
const progress6 = document.getElementById("progress6");

let count = 0;


function fn1() {
    setTimeout(() => {
        count++
        // // width+
        progress1.style.width = count + '%'
        if (count < 100) {
            fn1()
        }
    }, 100);
}
fn1();
function fn2() {
    setTimeout(() => {
        count++
        // // width+
        progress2.style.width = count + '%'
        if (count < 100) {
            fn2()
        }
    }, 100);
}
fn2();
function fn3() {
    setTimeout(() => {
        count++
        // // width+
        progress3.style.width = count + '%'
        if (count < 100) {
            fn3()
        }
    }, 100);
}
fn3();
function fn4() {
    setTimeout(() => {
        count++
        // // width+
        progress4.style.width = count + '%'
        if (count < 100) {
            fn4()
        }
    }, 100);
}
fn4();
function fn5() {
    setTimeout(() => {
        count++
        // // width+
        progress5.style.width = count + '%'
        if (count < 100) {
            fn5()
        }
    }, 100);
}
fn5();
function fn6() {
    setTimeout(() => {
        count++
        // // width+
        progress6.style.width = count + '%'
        if (count < 100) {
            fn6()
        }
    }, 100);
}
fn6();


